.recommendProduct {
    margin: auto;
    margin-top: 57px;
    width: 1200px !important;
    padding-bottom: 64px;
    .title {
        font-size: 24px;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333333;
        margin-bottom: 82px;
    }

    .list {
        width: 100%;
        display: flex;
        justify-content: space-between;
        cursor: pointer;

        .item {
            width: 300px !important;
            height: 470px;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding-top: 64px;
            box-sizing: border-box;

            .el-image {
                width: 197px;
                height: 130px;
                margin-bottom: 49px;
            }

            .name {
                text-align: center;
                width: 90%;
                font-size: 18px;
                font-weight: 400;
                color: #545454;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .star {
                width: 105px;
                display: flex;
                justify-content: space-between;
                margin-top: 33px;

                /deep/ .el-icon-star-on {
                    color: #FFAE00;
                    font-size: 16px;
                }
            }

            .price {
                width: 100%;
                text-align: center;
                margin-top: 27px;
                font-size: 14px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #F97534;
                margin-bottom: 25px;
            }

            .add {
                width: 176px;
                height: 49px;
                border-radius: 25px;
                display: none;
                /deep/ .el-button {
                    width: 176px;
                    height: 49px;
                    border-radius: 25px;
                    background-color: #D4A46F;
                    border-color: #D4A46F;
                }
            }
        }

        .item:hover {
            background: #F9F9F9;
            .add {
                display: block;
            }
        }
    }
}